<!DOCTYPE html>
<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" type="image/png" sizes="any" th:href="@{/svg/icon.png}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/default.css}">
    <title>欢迎注册 - 乔翼云 QoviCloud</title>
    <style>
        .log-in{
            text-align: center;
            margin: auto;
        }
        .log-in td{
            border: 3px solid #00000000;
        }
        .log-in input{
            height: 25px;
        }
        .log-in button{
            height: 30px;
            width: 100%;
        }
    </style>
</head>
<body>
    <!--这里是头部-->
    <div id="head-navi"></div>
    <header></header>
    <!--这个是主体正文内容-->
    <div class="content">
        <p th:style="${not#strings.isEmpty(tips_warn)}? ${tips_warn}" th:text="${not#strings.isEmpty(tips)}? ${tips} : ' '"></p>
        <table border="0" class="log-in">
            <thead>欢迎使用 QoviCloud 乔翼云</thead>
            <th colspan="2">注册Qovi账号</th>
            <form action="/userreg" method="post">
            <tr>
                <td>　注册账号　</td><td><input type="text" name="username" placeholder="输入您的账号" title="输入您的账号" /></td>
            </tr>
            <tr>
                <td>　设置密码　</td><td><input type="password" name="password" placeholder="输入您的密码" title="输入您的密码" /></td>
            </tr>
            <tr>
                <td>　设置邮箱　</td><td><input type="text" name="email" placeholder="输入您的常用邮箱" title="输入您的常用邮箱" /></td>
            </tr>
            <tr>
                <td></td><td><button  type="submit" value="注册" title="注册">注册</button></td>
            </tr>
            </form>
            <tr><td colspan="2">已有Qovi账号？<a href="/login">点击登录</a></td></tr>
        </table>
    </div>

    <!--这里是尾部-->
    <footer>-- Qovi网盘 --</footer>
    <div id="footer"></div>
</body>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $("#head-navi").load("head-navi");
        $("#footer").load("footer");
    });
</script>
</html>